<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../../bootstrap/css/style.css" rel="stylesheet">

<!-- Bootstrap core CSS -->
<link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">

  <!-- Optional Bootstrap Theme -->
  <link href="data:text/css;charset=utf-8," data-href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">

<link href="../assets/css/patch.css" rel="stylesheet">

<!-- Documentation extras -->
<link href="../../bootstrap/assets/css/docs.min.css" rel="stylesheet">
<!--[if lt IE 9]><script src="../../bootstrap/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../bootstrap/assets/js/ie-emulation-modes-warning.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<!-- Bootstrap core CSS -->
  <!-- Optional Bootstrap Theme -->
  <link href="data:text/css;charset=utf-8," data-href="../../bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
  <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>
<body>
	<div>
		<div class="bs-example">
			<table class="table table-hover">
				<thead>
					<tr>
						<th>#</th>
						<th>用户名</th>
						<th>性别</th>
						<th>年龄</th>
						<th>联系方式</th>
						<th>地址</th>
						<th>身份</th>
						<th>修改</th>
						<th>删除</th>
					</tr>
				</thead>
				<tbody>
				
				<c:forEach items="${sessionScope.lstUsers }" var="eachUser" varStatus="st">
					<tr>
						<td>${st.index+1 }</td>
						<td>${eachUser.username }</td>
						<td>${eachUser.usersex }</td>
						<td>${eachUser.userage }</td>
						<td>${eachUser.usertel }</td>
						<td>${eachUser.useraddress }</td>
						<td>${eachUser.userst }</td>
						<td><a href="UserInfoModifyServlet?uid=${eachUser.userid }&opt=0">修改</a></td>
						<td><a href="UserInfoModifyServlet?uid=${eachUser.userid }&opt=1" 
								onclick="return confirm('您确认删除用户名[${eachUser.username }]的记录么?');">删除</a></td>
					</tr>
				</c:forEach>
				</tbody>
			</table>
		</div>
	</div>
	
	<script src="../../bootstrap/js/jquery.min.js"></script>
	<script src="../../bootstrap/js/bootstrap.min.js"></script>
	<script src="../../bootstrap/js/scripts.js"></script>
	
</body>
</html>